<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
			<!-- 添加登录按钮 -->
			<button class="login-btn" @click="handleLogin">微信授权登录</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: 'Hello'
		}
	},
	onLoad() {
		// 可在这里添加微信 JS-SDK 初始化逻辑
	},
	methods: {
		// 处理登录逻辑
		handleLogin() {
			// 获取当前页面 URL，用于授权后重定向
			const currentUrl = encodeURIComponent(window.location.href);
			// 替换为你的微信公众号的 appid
			const appId = 'wxd76606651fd9a4a7'; 
			// 微信授权地址
			const authUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${currentUrl}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;
			window.location.href = authUrl;
		},
		// 从 URL 中获取 code
		getUrlCode() {
			const url = window.location.search;
			if (url.indexOf('?') !== -1) {
				const str = url.substr(1);
				const strs = str.split('&');
				for (let i = 0; i < strs.length; i++) {
					if (strs[i].split('=')[0] === 'code') {
						return strs[i].split('=')[1];
					}
				}
			}
			return null;
		},
		// 在 onShow 生命周期中处理 code
		onShow() {
			const code = this.getUrlCode();
			if (code) {
				this.sendCodeToBackend(code);
			}
		},
		// 发送 code 到后端
		async sendCodeToBackend(code) {
			try {
				const res = await uni.request({
					url: 'https://your-api-url.com/login', // 替换为实际后端登录接口地址
					method: 'POST',
					data: { code }
				});
				// 处理后端返回的用户信息
				if (res[1].statusCode === 200) {
					const userInfo = res[1].data;
					console.log('用户信息:', userInfo);
					// 这里可以添加获取用户信息后的逻辑，如存储用户信息等
				} else {
					console.error('登录失败:', res[1].data);
				}
			} catch (error) {
				console.error('请求出错:', error);
			}
		}
	}
}
</script>

<style>
	/* ... existing code ... */
</style>